<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件和事件源</title>
    <!-- 使用 script 元素的 src 属性 导入外部 JavaScript 文件 -->
    <!-- 此时在 script 元素内不要书写任何内容 -->
    <script src="event.js"></script>
</head>

<body>

    <button type="button" onclick="a()">按钮</button>

    <!-- 如果需要书写自己的 JavaScript 代码 则在单独的 script 元素中书写 -->
    <script>
        (function(g) {

            function a() {
                b();
            }

            function b() {
                c()
            }

            function c() {
                d()
            }

            function d() {
                var e = X.event();
                console.log(e);
                var t = X.target();
                console.log(t);
            }

            var btn = document.querySelector('button');

            btn.onclick = function() {
                a();
            }

        })(window);
    </script>

</body>

</html>